<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <title>人才服务</title>
    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/jquery.mCustomScrollbar.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="/font/iconfont.css">

    <link rel="stylesheet" href="/css/talents.css">
</head>
<body>
<div class="q_warp" style="min-height:100%;margin-bottom:-60px;">
    <nav class="nav">
        <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
        <div class="container-fluid"><!--fluid-->
            <div class="pull-left">
                <a class="" href="/home" style="display: inline-block;"><img src="http://www.qlcoder.com//img/ql_logo1.png"> </a>
            </div>
            <div class="pull-left nav-list">
                <ul class="" style="padding:0;">
                    <li class="">
                        <a href="/home"><span color="gray" style="font-size:15px;">技能树</span></a>
                    </li>
                    <li class="active">
                        <a href="/discuss/all"><span color="gray" style="font-size:15px;">讨论区</span></a>
                    </li>
                    <li class="">
                        <a href="/article/all"><span color="gray" style="font-size:15px;">文章</span></a>
                    </li>
                    <li class="">
                        <a href="/rank"><span color="gray" style="font-size:15px;">排行榜</span></a>
                    </li>
                    <li class="">
                        <a href="/help"><span color="gray" style="font-size:15px;">帮助中心</span></a>
                    </li>
                    <!-- <li class=""><a href="/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li> -->
                </ul>
            </div>
            <div class="pull-right ">
                <ul class="avator pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle pull-left" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">
                            <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;"
                                 src="http://www.qlcoder.com//system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre"
                                 width="30" height="30">

                            <!--<span class="badge s_tip">4</span>-->
                            &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span>
                            <span class="caret"></span>
                        </a>
                        <!--<span class="badge s_tip">4</span>-->
                        <ul class="dropdown-menu ">
                            <li><a href="/profile/792c"
                                   target="_blank"><i class="iconfont">&#xe612;</i>我的主页</a></li>
                            <li><a href="/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a>
                            </li>
                            <li><a href="/imglib" target="_blank"><i class="iconfont">&#xe61b;</i>图片库</a>
                            </li>
                            <li><a href="/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信
                            </a></li>
                            <!--<li role="separator" class="divider"></li>-->
                            <li><a href="/logout" target="_blank"><i class="iconfont">
                                &#xe613;</i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </nav>
    <div class="contain">
        <div class="talents-sidebar inline">
            <div class="talents-title">
                <a href="http://www.qlcoder.com/resume/preview" class="title">我的简历</a>
            </div>
            <div class="talents-title">
                <a href="javascript:;" class="title tab active" data-target="interview-consult">面试咨询</a>
            </div>
            <div class="talents-title">
                <a href="javascript:;" class="title tab" data-target="interview-work">推荐工作 </a>
                <ul>
                    <li><a href="javascript:;" class="tab" data-target="interview" data-url="">面试邀请 <span class="res">3/10</span></a></li>
                    <li><a href="javascript:;" class="tab" data-target="interview" data-url="">待面试 <span class="res">8</span></a></li>
                    <li><a href="javascript:;" class="tab" data-target="interview" data-url="">面试结果 <span class="res">8</span></a></li>
                </ul>
            </div>
        </div>
        <div class="talents-inbox">
            <section class="section-tab interview-consult">
                <div class="wrap">
                    这里填说明
                    <div class="consult">
                        <a href="" class="interview inline">面试咨询</a>
                    </div>
                </div>
            </section>
            <section class="section-tab interview-work">
                欢迎回来
            </section>
            <section class="section-tab interview">
                <div class="sec-left ">
                    <div class="head">
                        <div class="head-title t-dropdown" data-direct="1">未处理<i class="iconfont icon-you fr"></i></div>
                        <div class="list-wrap">
                            <!-- 公司S  未处理的class no-process -->
                            <div class="list selected">
                                <div class="company-name no-process">
                                    <div class="company-logo fl"><img src="/img/51" alt="xxx公司"></div>
                                    <div class="introduce">
                                        <div class="name">51信用管家</div>
                                        <div class="pos">Java开发</div>
                                        <div class="salary">15K-18K*16月</div>
                                    </div>
                                    <i class="iconfont icon-new red"></i>
                                </div>
                            </div>
                            <!-- 公司E -->
                        </div>
                    </div>
                    <div class="head">
                        <div class="head-title t-dropdown" data-direct="1">已处理<i class="iconfont icon-you fr"></i></div>
                        <div class="list-wrap" id="deal">
                            <div class="list">
                                <!-- 已处理的class是process-->
                                <div class="company-name process">
                                    <div class="company-logo fl"><img src="/img/51" alt="xxx公司"></div>
                                    <div class="introduce">
                                        <div class="name">51信用管家</div>
                                        <div class="pos">Java开发</div>
                                        <div class="salary">15K-18K*16月</div>
                                    </div>
                                    <div class="addition-info">[已接受]</div>
                                </div>
                            </div>
                            <div class="list">
                                <!--拒绝的加上dislike-->
                                <div class="company-name process ">
                                    <div class="company-logo fl"><img src="/img/51" alt="xxx公司"></div>
                                    <div class="introduce">
                                        <div class="name">51信用管家</div>
                                        <div class="pos">Java开发</div>
                                        <div class="salary">15K-18K*16月</div>
                                    </div>
                                    <div class="addition-info">[已拒绝]</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sec-right ">
                    <!-- 未处理的公司 S-->
                    <div class="company no-process">
                        <div class="company-intro">
                            <!--公司logo S-->
                            <div class="company-logo inline">
                                <img src="/img/51" alt="">
                            </div>
                            <!--公司logo E-->
                            <div class="company-detail inline">
                                <h2>51信用管家</h2>
                                <div class="domain inline"><i class="iconfont icon-xingye"></i>金融,数据服务</div>
                                <div class="scale inline"><i class="iconfont icon-guimo"></i>500-2000人</div>
                                <br/>
                                <div class="financing inline"><i class="iconfont icon-rongz"></i>B轮</div>
                                <div class="place inline"><i class="iconfont icon-dizhi"></i>杭州市</div>
                            </div>
                        </div>
                        <section class="company-sec">
                            <div class="work"><span class="equal">职位:</span> 机器学习</div>
                            <div class="salary"><span class="equal">薪资:</span> [20-25K]</div>
                            <div class="job-info"><span class="equal">职位介绍:</span>
                                <div class="info">
                                    北京 经验1-3年 本科及以上 全职 职位描述 任职条件： （请校招生及2016年的应届毕业生等同学不要投递）
                                    1. 计算机相关专业本科以上学历，在机器学习领域有1年以上工作经验者；
                                    2. 熟悉常用的自然语言处理/机器学习/分布式计算等相关算法，有算法的开发和应用经验；
                                    3. 精通Python/C/C++语言，有丰富的实际项目经验与较好的编程习惯；
                                    4. 良好的逻辑思维能力，敏锐的数据洞察力，较强的总结归纳能力; 5. 具备良好的团队精神和沟通能力，较强的逻辑思维能力和学习能力
                                </div>
                            </div>
                        </section>
                        <section class="company-sec">
                            <div class="about"><span class="equal">公司简介</span></div>
                            <div class="info">
                                阿里巴巴集团经营多元化的互联网业务，致力为全球创造便捷的交易渠道。成立以来，阿里巴巴集团建立了领先的消费者电子商务、网上支付、
                                B2B网上交易市场及云计算业务，近几年更积极开拓无线应用、手机操作系统和互联网电视等领域。集团以促进一个开放、协同、繁荣的电子商务生态系统为目标，
                                旨在对消费者、商家及经济发展做出贡献。
                            </div>

                            <div class="tag"><span class="equal">福利标签</span></div>
                            <div class="tag-list info">
                                <ul>
                                    <li class="inline">机会与挑战</li>
                                    <li class="inline">owner精神</li>
                                    <li class="inline">零食早餐</li>
                                    <li class="inline">妹子多</li>
                                    <li class="inline">福利好</li>
                                </ul>
                            </div>

                        </section>
                        <section class="company-sec">
                            <div class="chat-card">
                                <div class="chat-top">
                                    <div class="avatar fl">
                                        <img src="http://www.qlcoder.com//system/App/User/avatars/000/000/347/thumb/2000.gif" alt="">
                                    </div>
                                    <div class="chat-title">
                                        <span class="name fl">XXX</span>
                                        <span class="time fr">2015.06.16 13:40</span>
                                        <br/>
                                        <div class="chat-type">同意接受邀请</div>
                                    </div>
                                </div>
                                <div class="chat-content"></div>
                            </div>
                            <div class="chat-card">
                                <div class="chat-top">
                                    <div class="avatar fl">
                                        <img src="http://www.qlcoder.com//system/App/User/avatars/000/000/347/thumb/2000.gif" alt="">
                                    </div>
                                    <div class="chat-title">
                                        <span class="name fl">XXX</span>
                                        <span class="time fr">2015.06.16 13:40</span>
                                        <br/>
                                        <div class="chat-type">取消面试邀请</div>
                                    </div>
                                </div>
                                <div class="chat-content"><p>简历未通过</p></div>
                            </div>
                        </section>
                        <div class="consult">
                            <a href="" class="interview inline accept">接受</a>
                            <a href="" class="interview inline refuse">拒绝</a>
                        </div>
                    </div>
                    <!-- 未处理的公司 E-->
                    <!-- 未处理的公司 S-->
                    <div class="company no-process">
                        <h3>企业介绍2</h3>
                        <div class="info">
                            阿里巴巴集团经营多元化的互联网业务，致力为全球创造便捷的交易渠道。成立以来，阿里巴巴集团建立了领先的消费者电子商务、网上支付、
                            B2B网上交易市场及云计算业务，近几年更积极开拓无线应用、手机操作系统和互联网电视等领域。集团以促进一个开放、协同、繁荣的电子商务生态系统为目标，
                            旨在对消费者、商家及经济发展做出贡献。
                        </div>
                        <h3>职位介绍</h3>
                        <div class="job-info">
                            北京 经验1-3年 本科及以上 全职 职位描述 任职条件： （请校招生及2016年的应届毕业生等同学不要投递）
                            1. 计算机相关专业本科以上学历，在机器学习领域有1年以上工作经验者；
                            2. 熟悉常用的自然语言处理/机器学习/分布式计算等相关算法，有算法的开发和应用经验；
                            3. 精通Python/C/C++语言，有丰富的实际项目经验与较好的编程习惯；
                            4. 良好的逻辑思维能力，敏锐的数据洞察力，较强的总结归纳能力; 5. 具备良好的团队精神和沟通能力，较强的逻辑思维能力和学习能力
                        </div>
                    </div>
                    <!-- 未处理的公司 E-->
                    <!-- 已处理的公司 S-->
                    <div class="company process">
                        <h3>企业介绍3</h3>
                        <div class="info">
                            阿里巴巴集团经营多元化的互联网业务，致力为全球创造便捷的交易渠道。成立以来，阿里巴巴集团建立了领先的消费者电子商务、网上支付、
                            B2B网上交易市场及云计算业务，近几年更积极开拓无线应用、手机操作系统和互联网电视等领域。集团以促进一个开放、协同、繁荣的电子商务生态系统为目标，
                            旨在对消费者、商家及经济发展做出贡献。
                        </div>
                        <h3>职位介绍</h3>
                        <div class="job-info">
                            北京 经验1-3年 本科及以上 全职 职位描述 任职条件： （请校招生及2016年的应届毕业生等同学不要投递）
                            1. 计算机相关专业本科以上学历，在机器学习领域有1年以上工作经验者；
                            2. 熟悉常用的自然语言处理/机器学习/分布式计算等相关算法，有算法的开发和应用经验；
                            3. 精通Python/C/C++语言，有丰富的实际项目经验与较好的编程习惯；
                            4. 良好的逻辑思维能力，敏锐的数据洞察力，较强的总结归纳能力; 5. 具备良好的团队精神和沟通能力，较强的逻辑思维能力和学习能力
                        </div>
                    </div>
                    <div class="company process">
                        <h3>企业介绍4</h3>
                        <div class="info">
                            阿里巴巴集团经营多元化的互联网业务，致力为全球创造便捷的交易渠道。成立以来，阿里巴巴集团建立了领先的消费者电子商务、网上支付、
                            B2B网上交易市场及云计算业务，近几年更积极开拓无线应用、手机操作系统和互联网电视等领域。集团以促进一个开放、协同、繁荣的电子商务生态系统为目标，
                            旨在对消费者、商家及经济发展做出贡献。
                        </div>
                        <h3>职位介绍</h3>
                        <div class="job-info">
                            北京 经验1-3年 本科及以上 全职 职位描述 任职条件： （请校招生及2016年的应届毕业生等同学不要投递）
                            1. 计算机相关专业本科以上学历，在机器学习领域有1年以上工作经验者；
                            2. 熟悉常用的自然语言处理/机器学习/分布式计算等相关算法，有算法的开发和应用经验；
                            3. 精通Python/C/C++语言，有丰富的实际项目经验与较好的编程习惯；
                            4. 良好的逻辑思维能力，敏锐的数据洞察力，较强的总结归纳能力; 5. 具备良好的团队精神和沟通能力，较强的逻辑思维能力和学习能力
                        </div>
                    </div>
                    <!-- 已处理的公司 E-->
                </div>
            </section>
        </div>
    </div>
    <div style="height:60px;"></div>
</div>
<!-- Footer -->
<footer>
    <p>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=08dcd44232943b517c2ed04dceb097155575f604791c57bbd2f9759e90e22d58">qq群480394714</a>
    </p>
</footer>
<script src="http://www.qlcoder.com//js/jquery.min.js"></script>
<script src="http://www.qlcoder.com//js/bootstrap.min.js"></script>
<script src="http://www.qlcoder.com//js/base.js"></script>
<script>
    $.extend({
       tab:function(target){
           $(".section-tab").delay(100).fadeOut(100);
           $("."+target).delay(100).fadeIn(100);
       },
       _process:function (target, index) {
           $(".company").delay(100).fadeOut(100);
           $(".company."+target).eq(index).delay(100).fadeIn(100);
        }
    });
    $(function () {
        var dataInvite = [
            {
                "list":[
                    {
                        "id":"1",
                        "name":"51信用管家",
                        "pos":"java开发",
                        "salary":"15K-20K*16月",
                        "img":'img/51'
                    },
                    {
                        "id":"1",
                        "name":"51信用管家",
                        "pos":"java开发",
                        "salary":"15K-20K*16月",
                        "img":'img/51'
                    }
                ]
            },
            {
                "list":[
                    {
                        "id":"1",
                        "name":"51信用管家",
                        "pos":"java开发",
                        "salary":"15K-20K*16月",
                        "img":'img/51',
                        "status":"已接受"
                    },
                    {
                        "id":"2",
                        "name":"51信用管家",
                        "pos":"java开发",
                        "salary":"15K-20K*16月",
                        "img":'img/51',
                        "status":"已拒绝"
                    },
                    {
                        "id":"3",
                        "name":"51信用管家",
                        "pos":"java开发",
                        "salary":"15K-20K*16月",
                        "img":'img/51',
                        "status":"已拒绝"
                    }
                ]
            }
        ];
        console.log(dataInvite[0]);
        $(document).on("click",".t-dropdown",function () {
            var direct = $(this).attr("data-direct");
            var iClass = direct == 1 ? 'icon-xia' : 'icon-you';
            var cDirect = direct == 1 ? "2" : "1";
            $(this).attr("data-direct", cDirect).next().stop().slideToggle();
            $(this).find("i").attr("class", "iconfont fr " + iClass);
        });
        $(".tab").click(function () {
            var target = $(this).attr("data-target");
            $(".tab").removeClass("active");
            $(this).addClass("active");
            if(target == "interview"){
                var dealHtml='';
                var ndealHtml='';
                for(var i =0,len = dataInvite[0].list.length;i<len;i++){
                    dealHtml +=
                        '<div class="list">'+
                            '<div class="company-name no-process" data-id="'+dataInvite[0].list[i].id+'">'+
                                '<div class="company-logo fl"><img src="'+dataInvite[0].list[i].img+'" alt=""></div>'+
                                '<div class="introduce">'+
                                    '<div class="name">'+dataInvite[0].list[i].name+'</div>'+
                                    '<div class="pos">'+dataInvite[0].list[i].pos+'</div>'+
                                    '<div class="salary">'+dataInvite[0].list[i].salary+'</div>'+
                                '</div>'+
                                '<i class="iconfont icon-new red"></i>'+
                            '</div>'+
                        '</div>';
                }
                for(var j =0,nlen = dataInvite[1].list.length;j<nlen;j++){
                    ndealHtml +=
                            '<div class="list">'+
                                '<div class="company-name process">'+
                                    '<div class="company-logo fl"><img src="'+dataInvite[1].list[j].img+'" alt=""></div>'+
                                    '<div class="introduce">'+
                                        '<div class="name">'+dataInvite[1].list[j].name+'</div>'+
                                        '<div class="pos">'+dataInvite[1].list[j].pos+'</div>'+
                                        '<div class="salary">'+dataInvite[1].list[j].salary+'</div>'+
                                    '</div>'+
                                    '<div class="addition-info">'+dataInvite[1].list[j].status+'</div>'+
                                '</div>'+
                            '</div>';
                }
                $(".sec-left").html(
                        '<div class="head">'+
                        '<div class="head-title t-dropdown" data-direct="1">未处理<i class="iconfont icon-you fr"></i></div>'+
                        '<div class="list-wrap">'+
                        dealHtml+
                        '</div>'+
                        '<div class="head">'+
                        '<div class="head-title t-dropdown" data-direct="1">已处理<i class="iconfont icon-you fr"></i></div>'+
                        '<div class="list-wrap">'+
                        ndealHtml+
                        '</div>')

            }
            $.tab(target);
        });
        $(document).on("click",".company-name",function () {
            var _class = $(this).attr("class").split(" ")[1];
            var index = $(this).parent().index();
            $(".list").removeClass("selected");
            $(this).parent().addClass("selected");
            $._process(_class,index);
        });



    })
</script>
</body>
</html>